.tip-point{
    background: #c6bf28;
    border:2px solid rgba(255,255,255,1);
    width:12px;
    height:12px;
    display: block;
    opacity: 0.6;
    box-shadow: 0px 0px 4px #333;
    position: absolute;
    border-radius: 20px;
    box-sizing: border-box;
    z-index:1001;
}
.tip-point.active{
    z-index:1003;
}
.tip-comment-form{
    background: #fff;
    width:300px;
    height:111px;
    position: absolute;
    border:1px solid #ddd;
    box-sizing: border-box;
}
.tip-comments {
    position: absolute;
    text-align: left;
    z-index:1002;
}
.tip-comments{
    background: #fff;
    width:300px;
    border:1px solid #ddd;
    box-sizing: border-box;
}
.tip-comment-form textarea{
    width:100%;
    border:none;
    box-sizing: border-box;
    box-shadow: none;
    height:70px;
    overflow: auto; word-wrap: break-word; resize: none;
}
.tip-comment-form button{
    width:100%;
    box-sizing: border-box;
    background: #ccc;
    color:#fff;
    height:30px;
    border:none;
}
.tip-comment-form button:hover{
    background: #ddd;
}
.tip-comment-form .tip-submit{
    background: #3498DB;
}
.tip-comment-form .tip-submit:hover{
    background: #3cb1ff;
}
.pulse-inner1,.pulse-inner2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #eee;
    background-color: transparent;
    box-shadow: 0 0 5px #000;
    position: absolute;
    top: -50%;
    left: -50%;
    -webkit-animation: pulse 2s infinite;
    -ms-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    transform-origin:center center;
}

.pulse-inner2 {
    -webkit-animation-delay: -1s;
    -ms-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}


.tip-comments ul.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 400px;
    overflow: auto;
}

.tip-comments ul.comment-list li {
    padding: 10px 20px;
}

.tip-comments ul.comment-list li.single-comment {
    border-bottom: 1px solid #eee
}

.tip-comments ul.comment-list li.single-comment:last-child {
    border-bottom: 0
}

.tip-comments ul.comment-list li.single-comment .comment-body {
    line-height: 1.5;
    word-break: break-all
}

.tip-comments ul.comment-list li.single-comment .comment-meta {
    color: #BDC3C7;
    font-size: 11px;
    margin-top: 5px;
    position: relative
}

.tip-comments ul.comment-list li.single-comment .comment-meta .author-name {
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tip-comments ul.comment-list li.single-comment .comment-meta .archive {
    opacity: 0
}

.tip-comments ul.comment-list li.single-comment .comment-meta .archive a {
    cursor: pointer;
    background: #fff
}

.tip-comments ul.comment-list li.single-comment .comment-meta .archive .delete {
    color: #C0392B
}

.tip-comments ul.comment-list li.single-comment .comment-meta .archive .delete:hover {
    color: #E74C3C
}

.tip-comments ul.comment-list li.single-comment .comment-meta .icon-trash {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    -ms-box-shadow: inset 0 0 0 0;
    -o-box-shadow: inset 0 0 0 0;
    box-shadow: 0 0;
    padding: 0;
    cursor: pointer;
    color: #C0392B;
    opacity: 0
}

.tip-comments ul.comment-list li.single-comment .comment-meta .icon-trash:hover {
    color: #E74C3C
}

.tip-comments ul.comment-list li.single-comment:hover .comment-meta .archive,.tip-comments ul.comment-list li.single-comment:hover .comment-meta .icon-trash {
    opacity: 1
}